<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学成在线</title>
    <link rel="stylesheet" href="index.css">
</head>
    <!-- 粘性定位，固定定位，绝对定位，锚点链接，搜索模块没做好 -->
<body class="clearfix">
    <!-- 第一行 -->
    <div class="top" id="ding">
    <div class="w">
        <div class="logo fl">
        <a href="#" target="blank"><img src="images/logo_03.png" alt=""></a>
        </div>
        <div class="fl zuo">
        <a href="#" target="blank">首页</a><a href="#">课程</a><a href="#">职业规划</a>
        </div>
        <div class="fl you">
        <input type="text" value="编程入门" class="sousk">
        </div>
        <div class="youy fr">
        <a href="#" class="yonghu"><img src="images/user.png" alt="">壳壳</a>

        <a href="#" class="bj" target="blank"><img src="images/btn.png" alt=""></a>
    </div>
    </div>
</div>
    <!-- 第二行 -->
    <div class="banner">
    <div class="w">
    <div class="fl banner_zuo">
<ul>
    <li><a href="#" target="blank">前端开发 <span class="fr"> &gt; </span></a></li>
    <li><a href="#" target="blank">后端开发 <span class="fr"> &gt; </span></a></li>
    <li><a href="#" target="blank">移动开发 <span class="fr"> &gt; </span></a></li>
    <li><a href="#" target="blank">人工智能 <span class="fr"> &gt; </span></a></li>
    <li><a href="#" target="blank">商业预测 <span class="fr"> &gt; </span></a></li>
    <li><a href="#" target="blank">云计算<span class="fr"> &gt; </span></a></li>
    <li><a href="#" target="blank">运维测试 <span class="fr"> &gt; </span></a></li>
    <li><a href="#" target="blank">UI设计 <span class="fr"> &gt; </span></a></li>
    <li><a href="#" target="blank">产品 <span class="fr"> &gt; </span></a></li>
</ul>
    </div>
    <div class="kcb">
        <h2 class="biao">我的课程表</h2>
        <ul>
            <li class="kb"><h4>继续学习 程序语言设计</h4>
            <p class="zhengz">正在学习-使用对象</p></li>
            <li class="kb"><h4>继续学习 程序语言设计</h4>
                <p class="zhengz">正在学习-使用对象</p></li>
                <li class="kb"><h4>继续学习 程序语言设计</h4>
                    <p class="zhengz">正在学习-使用对象</p></li>
        </ul>
        <a href="#" class="quanbu" target="blank">全部课程</a>
    </div>
    </div>
    </div>
    <!-- 第三行 -->
    <div class="w">
        <div class="yin">
            <ul class="tuij">
                <li class="fl"><a href="#" class="jinp" target="blank">精品推荐</a></li>                
                <li class="fl"><a href="#" target="blank">JQuery</a></li>
                <li class="fl"><a href="#" target="blank">Spark</a></li>
                <li class="fl"><a href="#" target="blank">MySQL</a></li>
                <li class="fl"><a href="#" target="blank">JavaWeb</a></li>
                <li class="fl"><a href="#" target="blank">MySQL</a></li>
                <li class="fl"><a href="#" class="buyao" target="blank">JavaWeb</a></li>
                <li class="fr"><a href="#" class="jinp xiaodian" target="blank">修改兴趣</a></li>
            </ul>
        </div>
    </div>
    <!-- 第四行 -->
    <div class="w">
        <div class="top_b">
            <div class="fl jintui" id="jinp">精品推荐</div>
            <div class="fr chakan"><a href="#" class="chakan">查看全部</a></div>
        </div>
    </div>
    <!-- 第五行 -->
    <div class="banner_box clearfix">
        <div class="w">
            <div class="fl bbox1">
                <ul class="fl">
                    <li class="fl"><a href="#" target="blank"><img src="images/pic.png" alt="" class="pic"></a>
                    <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                    <span class="gaoji">高级</span>&nbsp;<span class="renzai"> • 1125人在学习</span>
                    <em class="dingw"><img src="../案例/images/hot.jpg" alt=""></em>
                    </li>
                    <li class="fl"><a href="#" target="blank"><img src="images/pic.png" alt="" class="pic"></a>
                        <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                        <span class="gaoji">高级</span>&nbsp;<span class="renzai"> • 1125人在学习</span>
                        </li>
                        <li class="fl"><a href="#" target="blank"><img src="images/pic.png" alt="" class="pic"></a>
                            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                            <span class="gaoji">高级</span>&nbsp;<span class="renzai"> • 1125人在学习</span>
                            </li>
                            <li class="fl"><a href="#" target="blank"><img src="images/pic.png" alt="" class="pic"></a>
                                <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                                <span class="gaoji">高级</span>&nbsp;<span class="renzai"> • 1125人在学习</span>
                                </li>
                                <li class="fl wub"><a href="#" target="blank"><img src="images/pic.png" alt="" class="pic"></a>
                                    <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                                    <span class="gaoji">高级</span>&nbsp;<span class="renzai"> • 1125人在学习</span>
                                    </li>
                                    <li class="fl"><a href="#" target="blank"><img src="images/pic.png" alt="" class="pic"></a>
                                        <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                                        <span class="gaoji">高级</span>&nbsp;<span class="renzai"> • 1125人在学习</span>
                                        </li>
                                        <li class="fl"><a href="#" target="blank"><img src="images/pic.png" alt="" class="pic"></a>
                                            <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                                            <span class="gaoji">高级</span>&nbsp;<span class="renzai"> • 1125人在学习</span>
                                            </li>
                                            <li class="fl"><a href="#" target="blank"><img src="images/pic.png" alt="" class="pic"></a>
                                                <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                                                <span class="gaoji">高级</span>&nbsp;<span class="renzai"> • 1125人在学习</span>
                                                </li>
                                                <li class="fl"><a href="#" target="blank"><img src="images/pic.png" alt="" class="pic"></a>
                                                    <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                                                    <span class="gaoji">高级</span>&nbsp;<span class="renzai"> • 1125人在学习</span>
                                                    </li>
                                                    <li class="fl wub"><a href="#" target="blank"><img src="images/pic.png" alt="" class="pic"></a>
                                                        <h4>Think PHP 5.0 博客系统实战项目演练</h4>
                                                        <span class="gaoji">高级</span>&nbsp;<span class="renzai"> • 1125人在学习</span>
                                                        </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 第六行 -->
    <div class="bbox_bottom">
    <div class="w">
    <div class="fl bb_bz">
    <div id="rumen">编程入门</div>
    </div>
    <div class="fr bb_by"><a href="#" class="chakan" target="blank">查看全部</a></div>
    <div class="fl bb_br">
        <ul class="fl">
            <li class="fl"><a href="#" target="blank">热门</a></li>
            <li class="fl"><a href="#" target="blank">初级</a></li>
            <li class="fl"><a href="#" target="blank">中级</a></li>
            <li class="fl"><a href="#" target="blank">高级</a></li>
        </ul>
    
    </div>

    </div>
    </div>
    </div>
    <!-- 第七行 -->
    <div class="w">
        <div class="clearfix">
        <ul>
            <li class="fl"><a href="#" target="blank"><img src="images/z.jpg.jpg" alt="" class="cetu "></a> </li>
            <li class="fl"><a href="#" target="blank"><img src="images/图层.png" alt="" class="shangtu"></a></li>

            <li class="fl xt"><a href="#" target="blank"><img src="images/b.jpg" alt="" class="tu1"></a>
                <h4 class="sh4">Android Hybrid APP开发实战 H5+原生</h4>
                <span class="gaoji">高级</span><span class="renzai"> • 1125人在学习</span>
            </li>
            <li class="fl xt"><a href="#" target="blank"><img src="images/k.jpg" alt="" class="tu1"></a>
                <h4 class="sh4">Kami2首页界面切换效果 </h4>
                <span class="gaoji">高级</span><span class="renzai"> • 1125人在学习</span>
            </li>
            <li class="fl xt"><a href="#" target="blank"><img src="images/a.jpg" alt="" class="tu1"></a>
                <h4 class="sh4">Unity Profiler入门</h4>
                <span class="gaoji">高级</span><span class="renzai"> • 1125人在学习</span>
            </li>
            <li class="fl xt"><a href="#" target="blank"><img src="images/c.jpg" alt="" class="tu1"></a>
                <h4 class="sh4">Cocos2d-x 引擎源码中的纹理优化</h4>
                <span class="gaoji">高级</span><span class="renzai"> • 1125人在学习</span>
            </li>
        
        </ul>
    </div>
    </div>
    <!-- 第八行 -->
    <div class="w">
        <div class="clearfix">
            <div class="bottom" id="di">
                <ul class="fl">
                    <li class="xlogo"><a href="#" target="blank"><img src="images/logo_03.png" alt=""></a></li>
                    <li class="xzi">学成在线致力于普及中国最好的教育它与中国一流大学和机构合作提供在线课程。
                        © 2017年XTCG Inc.保留所有权利。-沪ICP备15025210号</li>
                        <li class="xiaz"><a href="#" target="blank">下载APP</a></li>
                </ul>
                <dl class="fl wenz ok">
                    <dt>关于学成网</dt>
                    <dd><a href="#" target="blank">关于</a></dd>
                    <dd><a href="#" target="blank">管理团队</a></dd>
                    <dd><a href="#" target="blank">工作机会</a></dd>
                    <dd><a href="#" target="blank">客户服务</a></dd>
                    <dd><a href="#" target="blank">帮助</a></dd>
                </dl>
                <dl class="fl wenz">
                    <dt>新手指南</dt>
                    <dd><a href="#" target="blank">如何注册</a></dd>
                    <dd><a href="#" target="blank">如何选课</a></dd>
                    <dd><a href="#" target="blank">如何拿到毕业证</a></dd>
                    <dd><a href="#" target="blank">学分是什么</a></dd>
                    <dd><a href="#" target="blank">考试未通过怎么办</a></dd>
                </dl>
                <dl class="fl wenz">
                    <dt>合作伙伴</dt>
                    <dd><a href="#" target="blank">合作机构</a></dd>
                    <dd><a href="#" target="blank">合作导师</a></dd>
                </dl>
            </div>
        </div>
    </div>
     <!-- 电梯 -->
    <div class="dianti">
        <ul>
            <li><a href="#ding">返回顶部</a></li>
            <li><a href="#jinp">精品推荐</a></li>
            <li><a href="#rumen">编程入门</a></li>
            <li><a href="#di">到达底部</a></li>
        </ul>
    </div>
</body>
   </html>